/*
 * @Author: szx
 * @Date: 2023-03-31 16:14:50
 * @LastEditTime: 2023-04-01 16:09:17
 * @Description:
 * @FilePath: \learn\fullstackopen\bloglist-part5\src\components\BlogList.jsx
 */
import Blog from './Blog';
const BlogList = ({ blogs, handleLikes, loggedUser, handleBlogDelete }) => {
    return (
        <div>
            {blogs.map((blog) => (
                <Blog key={blog.id} blog={blog} handleLikes={handleLikes(blog)} loggedUser={loggedUser} handleBlogDelete={handleBlogDelete(blog)} />
            ))}
        </div>
    );
};

export default BlogList;
